﻿<FluentToolbar id="toolbar-first-disabled" Orientation="Orientation.Vertical">
    <FluentCheckbox @bind-Value=value1 Disabled="true">One</FluentCheckbox>
    <FluentCheckbox @bind-Value=value2 tabindex="0">Two</FluentCheckbox>
    <FluentCheckbox @bind-Value=value3 tabindex="-1">Three</FluentCheckbox>
</FluentToolbar>
<FluentToolbar id="toolbar-second-disabled" Orientation="Orientation.Vertical">
    <FluentCheckbox @bind-Value=value4 tabindex="0">One</FluentCheckbox>
    <FluentCheckbox @bind-Value=value5 Disabled="true">Two</FluentCheckbox>
    <FluentCheckbox @bind-Value=value6 tabindex="-1">Three</FluentCheckbox>
</FluentToolbar>
<FluentToolbar id="toolbar-last-disabled" Orientation="Orientation.Vertical">
    <FluentCheckbox @bind-Value=value7 tabindex="0">One</FluentCheckbox>
    <FluentCheckbox @bind-Value=value8 tabindex="-1">Two</FluentCheckbox>
    <FluentCheckbox @bind-Value=value9 Disabled="true">Three</FluentCheckbox>
</FluentToolbar>
<FluentToolbar id="toolbar-last-two-disabled" Orientation="Orientation.Vertical">
    <FluentCheckbox @bind-Value=value10 tabindex="0">One</FluentCheckbox>
    <FluentCheckbox @bind-Value=value11 Disabled="true">Two</FluentCheckbox>
    <FluentCheckbox @bind-Value=value12 Disabled="true">Three</FluentCheckbox>
</FluentToolbar>
<FluentToolbar id="toolbar-first-last-disabled" Orientation="Orientation.Vertical">
    <FluentCheckbox @bind-Value=value13 Disabled="true">One</FluentCheckbox>
    <FluentCheckbox @bind-Value=value14 tabindex="0">Two</FluentCheckbox>
    <FluentCheckbox @bind-Value=value15 Disabled="true">Three</FluentCheckbox>
</FluentToolbar>
<FluentToolbar id="toolbar-first-two-disabled" Orientation="Orientation.Vertical">
    <FluentCheckbox @bind-Value=value16 Disabled="true">One</FluentCheckbox>
    <FluentCheckbox @bind-Value=value17 Disabled="true">Two</FluentCheckbox>
    <FluentCheckbox @bind-Value=value18 tabindex="0">Three</FluentCheckbox>
</FluentToolbar>
<FluentToolbar id="toolbar-disabled-all" Orientation="Orientation.Vertical">
    <FluentCheckbox @bind-Value=value19 Disabled="true">One</FluentCheckbox>
    <FluentCheckbox @bind-Value=value20 Disabled="true">Two</FluentCheckbox>
    <FluentCheckbox @bind-Value=value21 Disabled="true">Three</FluentCheckbox>
</FluentToolbar>

@code {
    bool value1, value2, value3, value4, value5, value6, value7, value8, value9, value10, value11;
    bool value12, value13, value14, value15, value16, value17, value18, value19, value20, value21;
}
